<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title></title>
    <link href="../../../css/mui.min.css" rel="stylesheet"/>
    <!--全局css-->
    <link href="../../../css/g.css" rel="stylesheet">
    <!--每个文件对应一个css-->
    <link href="personal.css" rel="stylesheet">
    <script>
        //每个页面必须添加 ，css单位使用rem
        document.documentElement.style.fontSize = window.innerWidth / 7.5 + 'px';
    </script>
</head>
<body id="personal">
<header class="mui-bar mui-bar-nav">
    <a class="mui-icon mui-icon-plusempty mui-pull-right"></a>
    <a class="mui-icon mui-icon-search mui-pull-right"></a>
    <button class="mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
        我
    </button>
</header>
<div class="mui-content">
    <div class="mui-scroll-wrapper a-top44 a-bottom44">
        <div class="mui-scroll">
            <ul class="myList mui-table-view">
                <li class="special mui-table-view-cell" data-id="myData" data-url="../myData/myData.html">
                    <span class="imgbox" style="background: url('../../../img/personal/imgSmall.png') no-repeat center center;background-size:cover;-webkit-background-size:cover;"></span>
                    <div class="textRight">
                        <p class="company">派点网络科技有限公司</p>
                        <p class="name">洪志宏</p>
                    </div>
                </li>
                <li class="listlist">
                    <img src="../../../img/personal/balance.png" alt="账户余额">
                    <span class="balance">账户余额</span>
                    <span class="money red">0.00元</span>
                </li>
                <li class="listlist mui-table-view-cell" data-id="opinion" data-url="../opinion/opinion.html">
                    <img src="../../../img/personal/opinion.png" alt="意见反馈">
                    <span class="balance">意见反馈</span>
                </li>
                <li class="listlist">
                    <img src="../../../img/personal/help.png" alt="帮助中心">
                    <span class="balance">帮助中心</span>
                </li>
                <li class="listlist mui-table-view-cell"data-id="setting" data-url="../setting/setting.html">
                    <img src="../../../img/personal/setting.png" alt="设置">
                    <span class="balance">设置</span>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--有用到再引用-->
<!--接口-->
<script src="../../../js/mui.min.js"></script>
<script src="../../../js/base.js"></script>
<!--模板-->
<script src="../../../js/laytpl.js"></script>
<!--常用方法 dom操作用原生或mui-->
<script src="../../../js/mq.js"></script>
<script src="personal.js"></script>
<script>
    mui.init({
        preloadPages: [
            {
                url: "../myData/myData.html", //我的资料
                id: "myData"
            },
            {
                url: "../opinion/opinion.html", //意见反馈
                id: "opinion"
            }
            ,
            {
                url: "../setting/setting.html", //设置
                id: "setting"
            }
        ]
    });
    $$.initScroll();
    mui.plusReady(function () {
        //    li的跳转
        app.jump();
    });
</script>
</body>
</html>